<template>
  <div class="eventbox">
    <at-row :gutter="20" style='display: flex;margin-right:0;margin-left:0;'>
      <at-col :span="17" class="col17" :style="$route.query.type?'margin-right: 20px;':'margin-right:0;'">
        <eventDetail :eventDetail='eventDetail'></eventDetail>
      </at-col>
      <at-col v-show='$route.query.type' :span="7" class="col7">
        <rightHistory :TimeLine='eventDetail.timeline'></rightHistory>
      </at-col>
    </at-row>   
  </div>
</template>
<script>
  import eventDetail from '../../../components/eventdetail/eventManDetail'
  import rightHistory from '../../../components/eventdetail/historyRecord'
  import { toggle } from '../../../components/eventdetail/js/mixin'
  import { setData } from '../../../components/eventdetail/js/mixinmethods'
  export default {
    name: 'eventManagementDetail',
    mixins: [toggle, setData],
    data () {
      return {
  
      }
    },
    mounted () {
      this.$store.dispatch('/event/eventManDetail', { rowId: this.$route.query.row, fun: this.storageData })
    },
    methods: {
      // // 将变量存在data中而不是vuex详情页面会多开
      // setitem (name, data) {
      //   // Object.assign({}, this[name], data)
      //   this[name] = data
      // }
    },
    components: {
      eventDetail,
      rightHistory
    }
  }
</script>
<style>
  .eventbox .col17{
    flex: 1;
    background: #fff;
    padding-bottom: 20px;
    min-height: 650px;
    width: 69.83333%;
    padding: 0 !important;
    height: 100%;
  }
  .eventbox .col7{
    background:#fff;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 478px;
    height: 100%;
  }
</style>